<template>
  <div>
    <div class="species">
      <div><img src="../../../../assets/binbing/AITOPageImg/biaoZhunBan.webp" /></div>
      <div class="hr-12"></div>
      <div><img src="../../../../assets/binbing/AITOPageImg/xingNengBan.webp" /></div>
      <div class="hr-12"></div>
      <div><img src="../../../../assets/binbing/AITOPageImg/zhiZhenBan.webp" /></div>
      <div class="hr-12"></div>
      <div><img src="../../../../assets/binbing/AITOPageImg/qiJianBan.webp" /></div>
    </div>

    <div class="hr-12"></div>
    <div class="calculator">
      <img src="../../../../assets/binbing/AITOPageImg/jiSuanQi.webp" />
    </div>
    <div class="hr-12"></div>
    <div class="remark">
      <img src="../../../../assets/binbing/AITOPageImg/beiZhu.webp" />
    </div>
  </div>
</template>

<script>
export default {
  name: "WenJieM5",
};
</script>

<style scoped>
.species {
  width: 1.86rem;
  margin: 0 0.16rem;
}
.species > div > img {
  height: 1.86rem;
}
.calculator {
  width: 3.82rem;
  height: 0.7rem;
  margin: auto;
  border-radius: 0.16rem;
  overflow: hidden;
}
.calculator img {
  width: 3.82rem;
  height: 0.7rem;
}
.remark,
.remark > img {
  width: 3.82rem;
  height: 0.49rem;
  margin: auto;
}

.hr-12 {
  height: 0.12rem;
}
</style>